<extend name="template/base_top" />
<block name="area_header">
    <link rel="stylesheet" href="__CSS__/userinfo.css">

</block>
<block name="area_body">
    <style type="text/css">
        .zjq-case-btn {
            margin-left:25px;
        }
        .main-box {
            margin-top:15px;
            margin-bottom: 40px;
        }
        .order-li {
            position: relative;
            border-top:1px solid #DADADA;
            margin-bottom: 15px;
            background-color:white;
        }
        .order-top-box{
            padding-left:10px;
            padding-top:5px;
            padding-bottom: 5px;
            margin-left:10px;
            margin-right:10px;
            border-bottom: 1px solid #E3E3E3;
            color:#6E6F70;
            font-size: 14px;
        }
        .order-status {
            float:right;
            margin-right:10px;
            color:#707172;
        }
        .order-detail {
            width:100%;
        }

        .order-detail::after {
            display: inline-block;
            font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transform: translate(0,0);
            content: "\f054";
            position: absolute;
            right: 10px;
            color: #ccc;
            top: 50%;
            margin-top: -8px;
        }

        .order-info {
            display: inline-block;
        }
        .order-info h6,.order-info p {
            margin:0 !important;
        }
        .order-info-price {
            color:#E93E50;
        }

        .order-info-num {
            color:#91929A;
        }

        .order-c-img{
            margin:5px;
            margin-left:15px;
            display: inline-block;
            width:34%;
        }
        .order-c-img img {
            width:100%;
            padding:2px;
            border:1px solid #DADADA;
        }
        .allprice-box {
            padding:5px;
        }
        .order-bottom-box {
            color:#49504F;
            font-weight: 500;
            border-top:1px solid #EDEDED;
            padding:10px;
        }
    </style>
    <div class="my-nav-bar">
        <ol class="am-breadcrumb">
            <li><a href="#">首页</a></li>
            <li><a href="#">订单</a></li>
            <li><a href="#">待支付订单</a></li>
        </ol>
    </div>
    <div class="main-box">
        <empty name="list"><center>您还没有订单...</center></empty>
        <div class="order-li">
            <div class="order-top-box am-text-lg">
                订单号：123454678456454
                <span class="order-status">待收货</span>
            </div>
            <div class="order-detail">
                <div class="order-c-img">
                    <img src="__IMG__/activity.jpg">
                </div>
                <div class="order-info">
                    <h6>千岛湖鱼头</h6>
                    <p><span class="order-info-price">￥300.00</span><span class="order-info-num">共5件商品</span></p>
                </div>
            </div>
            <hr data-am-widget="divider" style="margin-left:10px;margin-right:10px;" class="am-divider am-divider-dashed" />
            <div class="allprice-box am-text-right">
                <span>共计5件商品，合计4000元（包邮）</span>
            </div>
            <div class="order-bottom-box am-cf am-text-right">
                <button type="button" class="am-btn am-btn-danger am-btn-sm">确认收货</button>
            </div>
        </div>

        <div class="order-li">
            <div class="order-top-box am-text-lg">
                订单号：123454678456454
                <span class="order-status">待收货</span>
            </div>
            <div class="order-detail">
                <div class="order-c-img">
                    <img src="__IMG__/activity.jpg">
                </div>
                <div class="order-info">
                    <h6>千岛湖鱼头</h6>
                    <p><span class="order-info-price">￥300.00</span><span class="order-info-num">共5件商品</span></p>
                </div>
            </div>
            <hr data-am-widget="divider" style="margin-left:10px;margin-right:10px;" class="am-divider am-divider-dashed" />
            <div class="allprice-box am-text-right">
                <span>共计5件商品，合计4000元（包邮）</span>
            </div>
            <div class="order-bottom-box am-cf am-text-right">
                <button type="button" class="am-btn am-btn-danger am-btn-sm">确认收货</button>
            </div>
        </div>

        <div class="order-li">
            <div class="order-top-box am-text-lg">
                订单号：123454678456454
                <span class="order-status">待收货</span>
            </div>
            <div class="order-detail">
                <div class="order-c-img">
                    <img src="__IMG__/activity.jpg">
                </div>
                <div class="order-info">
                    <h6>千岛湖鱼头</h6>
                    <p><span class="order-info-price">￥300.00</span><span class="order-info-num">共5件商品</span></p>
                </div>
            </div>
            <div class="order-detail">
                <div class="order-c-img">
                    <img src="__IMG__/activity.jpg">
                </div>
                <div class="order-info">
                    <h6>千岛湖鱼头</h6>
                    <p><span class="order-info-price">￥300.00</span><span class="order-info-num">共5件商品</span></p>
                </div>
            </div>
            <div class="order-detail">
                <div class="order-c-img">
                    <img src="__IMG__/activity.jpg">
                </div>
                <div class="order-info">
                    <h6>千岛湖鱼头</h6>
                    <p><span class="order-info-price">￥300.00</span><span class="order-info-num">共5件商品</span></p>
                </div>
            </div>
            <hr data-am-widget="divider" style="margin-left:10px;margin-right:10px;" class="am-divider am-divider-dashed" />
            <div class="allprice-box am-text-right">
                <span>共计5件商品，合计4000元（包邮）</span>
            </div>
            <div class="order-bottom-box am-cf am-text-right">
                <button type="button" class="am-btn am-btn-danger am-btn-sm">确认收货</button>
            </div>
        </div>
    </div>

</block>